<template>
    <!-- 
        父组件通过子组件的属性将值进行传递
            -方式有2:常亮
                + 变量: prop1="常量值"
                + 变量: prop2="变量名"
                
        子组件需要声明
            - 根属性props:["prop1","prop2"]
            - 在页面中直接使用{{prop1}}        
            - 在js中应该如何使用prop1   this.prop1获取

     -->
    <div>
        <header-vue textone="白小白"></header-vue>
        <body-vue :texttwo='twos'></body-vue>
        
    </div>

</template>

<script type="text/ecmascript-6">
// 引入子组件对象
import headerVue from '@/components/header.vue'
import bodyVue from '@/components/body.vue'
    export default{
        data(){
            return {
                twos:'我是白小白'
            }
        },
        methods:{

        },
        //组件声明
        components:{
            headerVue,
            bodyVue
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
    
 
</style>
